<div class="easyui-panel" title="班级成绩查询" data-options="fit:true"
	style="display: flex; flex-direction: column;">
	<p><label>选择班级：</label> <input id="class" class="easyui-combobox"
		data-options="
				url:'banji/list',
							valueField:'id',
							textField:'name',
							panelHeight:'auto',
							editable:false,
							icons:[{
						        iconCls:'icon-clear',
						        handler: function(e){
						       	 $(e.data.target).textbox('clear');
						        	$('#div5').hide();
						        }
						  		  }],
			" />
			</p>
	<div id="div5" style="flex-grow: 1; display: none;" data-options="fit:true,fitColumns: true"></div>
</div>
<script type="text/javascript">
$(function(){
	$('#class').combobox({
		onSelect:function(e){
			var bjId=e.id;
			if(bjId){
					$('#div5').show();
					$('#div5').load('grade/bjChange',{bjId:bjId},function () {
							$('#aaa').datagrid({
								fit:true,
								fitColumns: true,
								singleSelect:true
								})
						});
			}else{
						$('#div5').hide();
			}
		}
	});
	
})
</script>